@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'AkzidenzGroteskBold07003Bold';
    src: url('../font/akzidenzgrotesk-bold-webfont.eot');
    src: url('../font/akzidenzgrotesk-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/akzidenzgrotesk-bold-webfont.woff') format('woff'),
         url('../font/akzidenzgrotesk-bold-webfont.ttf') format('truetype'),
         url('../font/akzidenzgrotesk-bold-webfont.svg#AkzidenzGroteskBold07003Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {margin:0;}

a img {border:none;}

.inner {width:991px; margin:0 auto;}

.has-leftright #main-body {float:left;}
.has-leftright #main-content {float:right; width:579px;}
.has-leftright #sidebar-left {float:left; width:206px;}
.has-leftright #sidebar-right {float:right; width:206px;}

.has-left #main-content {float:right; width:760px; background:url(../img/bg-shadow.png) 0 0 no-repeat; padding-left:25px;}
.has-left #sidebar-left {float:left; width:206px;}

.has-right #main-body {float:left;}
.has-right #main-content {width:660px;}
.has-right #sidebar-right {float:right; width:206px;}

#main-body {min-height:500px;}

* html .clearfix {height: 1%;}
* +html .clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
.clearfix:after {content: "."; display: block;  height: 0;  clear: both; visibility: hidden;}

#wrapper {border-top:1px solid #fff; background:url(../img/bg-header.jpg) 50% 0 no-repeat;}

.social {background:url(../img/bg-social.png) no-repeat; width:153px; height:35px; float:right; margin-top:15px; line-height:35px; padding:0px 15px 0;}
.social label {float:left; margin-right:10px;}
.social img {margin:5px 0 0 8px;}

.lang {background:url(../img/bg-lang.png) no-repeat; width:63px; height:35px; float:right; margin-top:15px; line-height:35px; padding:0px 15px 0;}
.lang img {margin:5px 2px 0;}

#header .inner {position:relative;}

#logo {background:url(../img/bg-logo.png) no-repeat;}
#logo a {width:158px; height:104px; left:0; top:-78px; position:absolute; z-index:2;}
* +html #logo a {top:-40px;}

#main-container .inner {background:url(../img/bg-cnt.png) 50% 0 no-repeat;/*padding-top:40px;*/ }
#main-container .innerfront {background: url("../img/bg-cnt.png") no-repeat scroll 50% -3px transparent;}

#content-top .inner {background:url(../img/floor.png) 50% 100% no-repeat; min-height:237px;}
#content-top .innerfront {min-height:237px;}

h1.titlemod {font-size:24px; color:#fc7400; margin:0 0 20px;}

h2.title {color:#fc7400;}

/*#slideshow {text-align:center; padding-top:20px;} NTHN close*/
#slideshow {height: 530px; background:url(../img/floor.jpg) 50% 100% no-repeat; position: relative;}
#slideshow #selected-title {font-size:24px; color:#fc7400; margin:5px 0 0 0;}
#carousel-container {
	width:870px;
	height:400px;
	margin:0px auto;
	padding:0px;
}

#carousel-container ul{
	list-style:none;
	padding:0px;
}

#carousel-container ul li{float:left;}

#carousel-container ul li .tooltip, #carousel-container ul li .bigImage, #carousel-container ul li .title, #carousel-container ul li .description{
	position:absolute;
	left:-9999px;
}

.carousel{
	position:relative;
	margin:0px;
	padding:0px;
	-moz-user-select:none;
	-webkit-user-select:none;
}

	.carousel .carousel-item{
		background-image:url(../img/loading.gif);
		background-position:center;
		background-repeat:no-repeat;
		background-color:#FFF;
		position:absolute;
		cursor:pointer;
		border:#ddd 3px solid;
		-moz-box-shadow: 0px 0px 7px #595959;
		-webkit-box-shadow: 0px 0px 7px #595959;
		box-shadow: 0px 0px 7px #595959;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#737373')";
	}

	.carousel .out{border:#DDD 3px solid;}
	
	.carousel .over, .carousel .click, .carousel .select{border:#fff 3px solid;}
	
	.carousel .tooltip{
		position:absolute;
		z-index:9999;
		background-color:#DDD;
		margin-bottom:20px;
		border:#EEE solid 4px;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	.carousel .tooltip p{
		color:#999;
		padding:10px;
		margin:0px;
	}
	
	.carousel .scrollbar{
		width:340px;
		position:absolute;
		margin-top:100px;	
	}
	
	.carousel .scrollbar .track{
		width:300px;
		height:20px;
		position:absolute;
		left:20px;
	}

#text{
	width:920px;
	margin:0px auto;
	overflow: hidden;
}

	#text p{padding:0; overflow: hidden;}
	#text p span { float: left; display: block; width: 650px; padding: 5px 0;}
	#text #selected-title { width:500px;}
	#text #selected-description{}

#controls{width:234px;margin:0px auto;}

	#controls #left, #controls #right { background: url(../img/slideshow-btn.png) no-repeat; width: 38px; height: 41px; position: absolute; top: 200px; cursor:pointer;}

	#controls #left{ background-position: top left; left:55px;}

	#controls #left:hover{background-position: -78px 0;}

	#controls #right { background-position: -39px 0; right:55px;}
	#controls #right:hover{ background-position: -117px 0; }


.telia-kunde {height:140px; margin:5px 38px 0; padding-top:20px;}
.telia-kunde-cnt {float:left; width:680px; margin:0;}
.telia-kunde h1.titlemod {font-size:26px; margin:0 0 10px!important;}

.more-info {height:51px; width:214px; background:url(../img/btn-more-info.png) no-repeat; text-indent:-999999px; display:block; float:right; margin-top:15px;}
.more-info:hover {background-position:0 -51px;}

.facebook-mod {margin-bottom:10px;}

#wrap-scroll {width:720px; float:left; height:480px; overflow:hidden; margin:0 22px 0 0;}

#scrollbar {float:left; width:18px; height:480px; background:url(../img/bg-scroll.png) 50% 50% no-repeat;}
#handle {background:url(../img/bg-handler.png) no-repeat; width:18px; height:48px; cursor:pointer;}

.services-img-right {float:right; margin:0 0 10px 10px;}
.services-img-left {float:left; margin:0 0 10px 10px;}

.tryk-img {float:right; width:256px; background:url(../img/bg-tryk-img.png) 0 100% no-repeat; padding-bottom:12px; margin:0 0 10px 10px;}

.mar {margin-right:10px;}
.mar-top {margin-top:25px;}

.skype {background:url(../img/icon-skype.jpg) 0 50% no-repeat; padding-left:22px; font-size:15px; margin-top:20px;}

.mail {background:url(../img/icon-mail.jpg) 0 50% no-repeat; padding-left:22px; font-size:15px;}

.hvem-cnt {width:380px; float:left;}
.hvem-img {float:left; margin:0 0 10px 10px;}

.btn-send,.btn-nulstil,.btn-tilmeld,.btn-afmeld,.btn-login {text-indent:-999999px; display:block; background:url(../img/button.png) no-repeat;}
.btn-send,.btn-nulstil {width:85px; height:25px;}
.btn-send:hover {background-position:0 -25px;}
.btn-nulstil {background-position:0 -50px;}
.btn-nulstil:hover {background-position:0 -75px;}
.btn-tilmeld,.btn-afmeld,.btn-login {width:78px; height:24px;}
.btn-tilmeld {background-position:-85px 0;}
.btn-tilmeld:hover {background-position:-85px -24px;}
.btn-afmeld {background-position:-85px -48px;}
.btn-afmeld:hover {background-position:-85px -72px;}
.btn-login {background-position:-85px -96px;}
.btn-login:hover {background-position:-85px -120px;}

.contact {background:url(../img/bg-contact.png) no-repeat; padding:70px 0 0 350px;}
.contact-info {float:left; width:285px;}
.contact-info .home {background:url(../img/icon-home.png) 0 50% no-repeat; padding-left:23px; margin:10px 0 0;} 
.contact-info .phone {background:url(../img/icon-phone.png) 0 50% no-repeat; padding-left:23px; margin-top:0;} 
.contact-info .name {padding-left:23px; margin-top:20px;}
.contact-info .name label {font-size:18px; color:#f58220;}
.contact-info .name a {color:#424043;}
.contact-form {margin-left:285px;}
.contact-form h3 {font-size:22px; color:#8a8a8a; margin:0 0 10px;}
.contact-form .input-text {width:330px; margin-bottom:5px; color:#8c8c8c; padding:3px 10px;}
.contact-form textarea {height:100px; margin-bottom:10px!important;}
.contact-form .btn-send,.contact-form .btn-nulstil {float:left;}
.contact-form .btn-nulstil {margin-left:5px;}

.newsletter-annoucement-form {margin-left:150px;}
.newsletter-annoucement-form h3 {font-size:22px; color:#8a8a8a; margin:0 0 10px;}
.newsletter-annoucement-form .input-text {width:330px; margin-bottom:5px; color:#8c8c8c; padding:3px 10px;}
.newsletter-annoucement-form textarea {height:100px; margin-bottom:10px!important;}
.newsletter-annoucement-form .btn-send,.contact-form .btn-nulstil {float:left;}
.newsletter-annoucement-form .btn-nulstil {margin-left:5px;}

.orange {color:#f58220;}

#muligheder-page h1.titlemod {margin-bottom:10px;} 
.muligheder-img {margin-bottom:15px;}
.product-list {margin:20px -8px 0; padding:0; list-style:none;}
.product-list li {display:block; float:left; margin:0 8px; width:229px; margin-bottom:30px;}
.product-list li img {border:1px solid #dfdfdf; max-width:227px; max-height:110px; overflow:hidden;}

.see-detail {background:url(../img/icon-arrow.png) 100% 50% no-repeat; padding-right:15px;}

.gmap {border:1px solid #c3c3c3;}

.proof {font-size:18px;}

.btn-back {background:url(../img/icon-back.png) 0 50% no-repeat; padding-left:15px; float:right; color:#898989!important;} 

.login-frm {background:url(../img/img-login-title.png) no-repeat; padding-top:37px; width:237px;}
.login-bottom {background:url(../img/bg-login-bottom.png) 0 100% no-repeat; padding-bottom:5px}
.login-cnt {background:url(../img/bg-login-mid.png) repeat-y; min-height:120px; padding:10px 15px;} 
.login-cnt .btn-login {float:left;}
.login-cnt ul {margin:0 0 0 90px; padding:0; list-style:none;}
.login-cnt ul a {color:#6d6d6d; text-decoration:underline;}
.login-cnt ul a:hover {text-decoration:none;}

#userpanels {right:0; top:100px; position:fixed;}
#newsletterform {position:relative; width:233px; background:url(../img/bg-newsletter.png) no-repeat; height:197px;}
#newsletterform .newsletter-inner {padding:10px;}
#newsletterform .newsletter-inner .btn-tilmeld {float:left; margin-right:5px;} 
#newsletterform .newsletter-inner .btn-afmeld {float:left;}
#newsletterform h3 {margin:0 0 10px; font-size:18px;}
#newsletterform .input-text,.login-cnt .input-text {background:url(../img/bg-input.png) no-repeat; width:175px; height:28px; font-style:italic; padding:0 15px; line-height:28px; border:none; margin-bottom:5px;}
#toggle {display:block; background:url(../img/btn-newsletter.png) no-repeat; width:35px; height:197px; left:-35px; position:absolute; top:0px; text-indent:-999999px;}

#footer .inner {background:url(../img/bg-footer.png) 50% 0 no-repeat;}
#footer .inner ul {margin:0; padding:0; list-style:none; text-align:center;}
#footer .inner li {display:inline; background:url(../img/icon-dot.png) 0 50% no-repeat; padding-left:10px; line-height:60px; margin-left:10px;}
#footer .inner li.first {background:none;}
